import { Routes, Route } from "react-router";
import Home from "./pages/home"
import CategoryList from "./pages/categories"
import EventList from "./pages/events"
import NotificationList from "./pages/notifications";
import EventDetail from "./pages/event-detail";
import PageLayout from "./pages/page-layout.jsx";
import LoginPage from "./pages/login.jsx";

function App() {
  return (

      <Routes>
        <Route element={<PageLayout/>}>
          <Route path="/" element={<Home/>}/>
          <Route path="/categories" element={<CategoryList/>}/>
          <Route path="/events" element={<EventList/>}/>
          <Route path="/notifications" element={<NotificationList/>}/>
          <Route path="/events/:event_id" element={<EventDetail/>}/>
        </Route>
        <Route path="/login" element={<LoginPage/>}/>
      </Routes>

  )
}

export default App
